<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/layui/layui-v2.5.6/layui/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/self-center.css">
   <style>

    </style>
</head>
<body>
    <script src="../plugins/layui/layui-v2.5.6/layui/layui.js"></script>
    <script>
      layui.use(['form', 'element'], function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        
        //监听导航点击
        element.on('nav(demo)', function(elem){
        //console.log(elem)
        layer.msg(elem.text());
        });
        });
    </script>
    <div id="outer">
        <div class="nav">
            <div>
            <i class="layui-icon layui-icon-home" style="font-size: 20px; color: gray;"></i> 
            <a href="../index.jsp">店铺首页</a>
            <i class="layui-icon layui-icon-location" style="font-size: 20px; color: gray;"></i>
            安徽
                <div class="nav2">
                    <span class="layui-breadcrumb" lay-separator="|" style="float: right;margin-right: 20px;">
                        <a href="self-center.jsp">个人中心</a>
                        <a href="order.jsp" style="padding-left:20px ;">我的订单</a>
                        <a href="collect.jsp" style="padding-left:20px ;">我的生鲜</a>
                        <a href="seckile.jsp" style="padding-left:20px ;">限时秒杀</a>
                        <a href="forum.jsp" style="padding-left:20px ;">好物推荐</a>
                    </span>              
                </div>
            </div>
        </div>

    </div>
    <div class="nav-logo">
        <div class="search">
            <div class="navf">
                <!-- <span id="fc1" style="color: red; font-size: 70px; font-family: '宋体' serif; text-align: center;">一号店</span> -->
            </div>

            <div class="navt">
                <span id="parent">
                    <span class="c1"></span>
                    <span>
                        <input type="text" id="search">
                    </span>
                    <span>
                        <button class="bsou">搜索</button>
                    </span>
                </span>
            </div>

            <div class="cart">
                <div class="cart-f">
                <a href="buycar.jsp" class="layui-btn layui-btn-primary" style="color: honeydew;background-color: green;">购物车</a>
                </div>
           </div>
        </div>
    </div>

    <div class="nav-body">
        <div class="w layui-row">
            <div class="meun layui-col-md2">
                        
                <ul class="layui-nav layui-nav-tree layui-inline nav-meun" lay-filter="demo">
                    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></li>
                    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/view/user-info.jsp">账户设置</a></li>
                    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/view/order.jsp">我的订单</a></li>
                    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/view/comment.jsp">评价</a></li>
                    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/view/coupon.jsp">优惠券</a></li>
                    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/view/collect.jsp">关注商品</a></li>
                    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/view/collect-store.jsp">关注店铺</a></li>
                    <li class="layui-nav-item"><a href="">更多</a></li>
                </ul>
            </div>

            <div class="main layui-col-md10">
                <div class="wallet">
                    <div class="w-first">
                        <div class="w-first-f">
                            <h2>我的钱包</h2>
                        </div>
                    </div>
                    <hr>
                    <div class="wallet-detail">
                        <div class="layui-row" style="text-align: center;">
                            <div class="layui-col-md4">
                                <a href="coupon.jsp" target="_blank">
                                    <div class="num">
                                        <h2>0</h2>
                                    </div>
                                    <div class="name">
                                        <h3>优惠券</h3>
                                    </div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a href="#" target="_blank">
                                    <div class="num">
                                        <h2>0.00</h2>
                                    </div>
                                    <div class="name">
                                        <h3>余额</h3>
                                    </div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a href="#" target="_blank">
                                    <div class="num">
                                        <h2>0</h2>
                                    </div>
                                    <div class="name">
                                        <h3>支付方式</h3>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="order">
                    <div class="o-first">
                        <div class="w-first">
                            <div class="w-first-f">
                                <a href="order.jsp"><h2>我的订单</h2></a>
                            </div>
                        </div>
                        <hr>
                        <div class="layui-row">
                            <div class="layui-col-md3">
                                <a href="">
                                    <div class="icon" style="margin-bottom: 10px;">
                                        <img src="../img/icon1.png" alt="">
                                    </div>
                                    <div class="icon-n">
                                        <h3>待付款</h3>
                                    </div>
                                </a>
                            </div>
                            <div class="layui-col-md3">
                                <a href="">
                                    <div class="icon">
                                        <img src="../img/icon2.png" alt="">
                                    </div>
                                    <div class="icon-n">
                                        <h3>待收货</h3>
                                    </div>
                                </a>
                            </div>
                            <div class="layui-col-md3">
                                <a href="comment.jsp">
                                    <div class="icon">
                                        <img src="../img/icon3.png" alt="">
                                    </div>
                                    <div class="icon-n">
                                        <h3>待评价</h3>
                                    </div>
                                </a>
                            </div>
                            <div class="layui-col-md3">
                                <a href="">
                                    <div class="icon">
                                        <img src="../img/icon4.png" alt="">
                                    </div>
                                    <div class="icon-n">
                                        <h3>退换/售后</h3>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <hr>
                        <div class="empty" style="background-color: #9999;">
                            <div class="layui-row" style="color: #666666;text-align: center;height: 100px;padding-top: 15px;padding-bottom: 15px;">
                                <div class="layui-col-md8 order-table-border">
                                    <div class="layui-col-md2">
                                        <img src="../img/p2.png" alt="">
                                    </div>
                                    <div class="layui-col-md10">云南新鲜夏黑葡萄无籽葡萄5斤【礼盒装】 新鲜水果葡萄提子京东生鲜</div>
                                </div>
                                <div class="layui-col-md4" style="text-align: center">
                                    <a href="product.jsp">查看详情</a>
                                </div>
                            </div>
                            <hr>
                            <div class="layui-row" style="color: #666666;text-align: center;height: 100px;padding-top: 15px;padding-bottom: 15px;">
                                <div class="layui-col-md8 order-table-border">
                                    <div class="layui-col-md2">
                                        <img src="../img/p2.png" alt="">
                                    </div>
                                    <div class="layui-col-md10">云南新鲜夏黑葡萄无籽葡萄5斤【礼盒装】 新鲜水果葡萄提子京东生鲜</div>
                                </div>
                                <div class="layui-col-md4" style="text-align: center">
                                    <a href="">查看详情</a>
                                </div>
                            </div>
                            <hr>
                            <div class="layui-row" style="text-align: center;color: #666666;height: 100px;padding-top: 15px;padding-bottom: 15px;">
                                <div class="layui-col-md8 order-table-border">
                                    <div class="layui-col-md2">
                                        <img src="../img/p2.png" alt="">
                                    </div>
                                    <div class="layui-col-md10">云南新鲜夏黑葡萄无籽葡萄5斤【礼盒装】 新鲜水果葡萄提子京东生鲜</div>
                                </div>
                                <div class="layui-col-md4" style="text-align: center">
                                    <a href="">查看详情</a>
                                </div>
                            </div>
                            
                        </div>
                    </div>

                    <div class="product">
                        <div class="w-first">
                            <div class="w-first-f">
                                <h2>买什么</h2>
                            </div>
                        </div>
                        <hr>
                        <div p-two>
                            <div class="layui-row">
                                <div class="layui-col-md6">
                                    <div>
                                        <img src="../img/meat.jpg" alt="" width="330" height="200">
                                    </div>
                                </div>
                                <div class="layui-col-md6">
                                    <div>
                                        <img src="../img/timg.jpg" alt="" width="330" height="200">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="g">
                    <div class="g-one">
                        <div class="w-first">
                            <div class="w-first-f">
                                <h2>我的关注</h2>
                            </div>
                        </div>
                        <hr>
                        <div>
                            <div class="layui-row" style="text-align: center;">
                                <div class="layui-col-md4">
                                    <div class="num1">
                                        <a href="#" target="_blank">
                                            <h2>0</h2>
                                        </a>
                                    </div>
                                    <div class="name1">
                                        商品关注
                                    </div>
                                </div>
                                <div class="layui-col-md4">
                                    <div class="num1">
                                        <a href="#" target="_blank">
                                            <h2>0</h2>
                                        </a>
                                    </div>
                                    <div class="name1">
                                        店铺关注
                                    </div>
                                </div>
                                <div class="layui-col-md4">
                                    <div class="num1">
                                        <a href="#" target="_blank">
                                            <h2>0</h2>
                                        </a>
                                    </div>
                                    <div class="name1">
                                        收藏内容
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="g-two" style="height: 150px;">
                        <div class="w-first">
                            <div class="w-first-f">
                                <h2>浏览记录</h2>
                            </div>
                        </div>
                        <hr>
                        <div class="g-two-t">
                            <img src="../img/huolongguo.jpg" alt="" width="80px" height="70px">
                        </div>
                    </div>

                    <div class="g-three" style="height: 150px;">
                        <div class="w-first">
                            <div class="w-first-f">
                                <h2>常购清单</h2>
                            </div>
                        </div>
                        <hr>
                        <div class="g-three-two">
                            <div class="layui-row">
                                <div class="layui-col-md4">
                                    <div>
                                        <img src="../img/meat.jpg" alt="" width="90" height="70">
                                    </div>
                                </div>
                                <div class="layui-col-md4">
                                    <div>
                                        <img src="../img/meat.jpg" alt="" width="90" height="70">
                                    </div>
                                </div>
                                <div class="layui-col-md4">
                                    <div>
                                        <img src="../img/meat.jpg" alt="" width="90" height="70">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>

        
    </div>
    <div class="bott">
        <div class="bott-f">
            <div class="layui-row">
                <div class="layui-col-md3">
                    <div style="font-size: 10px;">
                        <li><img src="../img/duo.png" alt="">品类齐全,轻松购物</li>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div style="font-size: 10px;">
                        <li><img src="../img/kuai.png" alt="">多仓直发,极速配送</li>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div style="font-size: 10px;">
                        <li><img src="../img/hao.png" alt="">正品行货,精致服务</li>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div style="font-size: 10px;">
                        <li><img src="../img/sheng.png" alt="">天天低价,畅选无忧</li>
                    </div>
                </div>
            </div>
            <hr>
            <div class="layui-row" style="margin-top: 15px;">
                <div class="layui-col-md3">
                    <div>
                        <dt>购物指南</dt>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">购物流程</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">会员介绍</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">常见问题</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">热销商品</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">联系客服</a>
                        </dd>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div>
                        <dt>配送方式</dt>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">上门自提</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">211限时达</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">配送服务查询</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">配送费收取标准</a>
                        </dd>
                        <dd>
                            <a class="dd" target="_blank" href="#">海外配送</a>
                        </dd>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div>
                        <dt>支付方式</dt>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">货到付款</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">在线支付</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">分期付款</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">公司转账</a>
                        </dd>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div>
                        <dt>售后服务</dt>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">售后政策</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">价格保护</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">退款说明</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">返修/退换货</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">取消订单</a>
                        </dd>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>